<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // 属性命名冲突
        // let obj = {
        //     a:12,
        //     b:5
        // }

        // // 小王同学 新增一个a属性，不小心吧人家原来的a给覆盖了
        // obj.a = 888;

        // console.log(obj);


        // 新建一个symbol

        // 独一无二
        // let s1 = Symbol();

        // console.log(s1); //Symbol()

        // console.log(typeof s1); //symbol


        // 独一无二
        // let s1 = Symbol();

        // let s2 = Symbol();

        // console.log(s1 === s2); //false


        // 传参 - 作为标识 并不改变symbol的值
        // let s1 = Symbol("尚硅谷");
        // let s2 = Symbol("尚硅谷");

        // console.log(s1 === s2); //false




        // 解决属性命名冲突
        let obj = {
            a:12,
            b:5,
        }

        let s1 = Symbol();

        // 小王同学 新增一个属性，这个属性名是独一无二的，避免了命名冲突
        obj[s1] = 888;

        console.log(obj);

        console.log(obj[s1]);



    </script>
</body>
</html>